/* reset */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, font, img, ins, kbd, q, s,
small, strike, strong, b, u, i, center, ol, ul, li,
fieldset, form, input, textarea,tr, th, td, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
ol, ul { list-style: none; }
a img { border: none; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
/* ----------------- */

html { background: #2f3337 }
body {
	position: relative;
	height: 100%;
	color: #a2a7af;
	font: normal 12px/1.5em verdana;
	text-align: left;
}
a {
	color: white;
	text-decoration: none;
}
a:hover { border-bottom: 1px solid #d5ff43 }

h1 {
	margin-bottom: 15px;
	color: #d5ff43;
	font-size: 20px;
	font-family: nevis;

	text-transform: uppercase;
}
h1 a, h2 a, h3 a, h4 a { color: #d5ff43 }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { border: none }
h1 span { font-size: 15px }

h2 {
	padding-bottom: 15px;
	color: #d5ff43;
	font-size: 18px;
	font-family: nevis;
	text-transform: uppercase;
	border-bottom: 1px solid #52575d;
}
h3 {
	padding-bottom: 15px;
	color: #d5ff43;
	font-size: 15px;
	font-family: nevis;
	text-transform: uppercase;
	border-bottom: 1px solid #52575d;
}
h3.service-h {
	border-bottom: none;
}
h4 {
	margin-right: 15px;
	padding-bottom: 7px;
	color: #d5ff43;
	font-size: 14px;
	text-transform: uppercase;
}
h4.item-h {
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 3px;
}
h4.news-h {
	margin-right: 0px;
	margin-bottom: 5px;
	max-height: 21px;
	font-family: nevis;
	border-bottom: 1px solid #52575d;
	overflow: hidden;
}
h4#news-h {
	max-height: 200px;
}

p { margin-bottom: 10px }

blockquote {
	margin-bottom: 10px;
	margin-left: 15px;
	padding: 10px 15px;
	background: #2f3337;
	font-style: italic;
	border-left: 1px solid #a2a7af;
}
#header {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-height: 184px;
}
#logo-container {
	float: left;
	margin-top: 30px;
	margin-left: 5%;
	width: 14.4%;
	min-height: 154px;
}
#folio-logo-container {
	margin-top: 30px;
	min-height: 154px;
}
#logo-container a:hover, #folio-logo-container a:hover { border: none }
#page-title {
	float: left;
	margin-top: 30px;
	margin-left: 9.7%;
	width: 45.3%; /*580px;*/
	min-height: 154px;
}
#page-title p { width: 580px }

#wrapper {
	position: relative;
	margin: 0 auto;
	padding-bottom: 20px;
	width: 100%;
	min-height: 600px;
	background: #363b40;
	border-top: 1px solid #52575d;
	border-bottom: 1px solid #52575d;
}
#folio-wrapper {
	margin: 0 auto;
	width: 100%;
	height: 785px;
}
#col-left, #folio-col-left {
	float: left;
	margin-left: 5%;
	width: 14.4%;
	min-height: 600px;
}
.slogan {
	display: none;
	margin-left: 2px;
	padding: 6px;
	width: 150px;
	height: 30px;
	color: black;
	background-color: #e1e1e1;
	font: bold 11px/1.3em verdana;
	text-align: center;
	text-transform: uppercase;
	letter-spacing:1px;
}

/* Main Menu */
#left-menu {
	padding-top: 15px;
	font: normal 11px verdana;
	text-transform: uppercase;
}
#mmenu li {
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 10px;
	line-height: 100%;
	border-left: 1px solid #d5ff43;
}
#mmenu li:hover { border-left: 1px solid #a2a7af }

#mmenu li a:link, #mmenu li a:visited {
	color: #a2a7af;
	text-decoration: none;
}
#mmenu li a:hover {
	color: #d6d9de;
	text-decoration: none;
	border: none;
}
#mmenu ul.sub-menu {
	margin-top: 15px;
	margin-bottom: 24px;
	margin-left: 10px;
	text-transform: capitalize;
}
#mmenu ul.sub-menu li { border-left: none }

#mmenu li.parnt {
	display: block;
	overflow: hidden;
}
#mmenu li.parnt:hover, #mmenu li.parnt:hover  > a:first-child {
	color: #676c73;
	background: none;
}
/* --- */

#portfolio-title {
	width: 815px;
	height: 35px;
	max-height: 55px;
}
#folio-container {
	margin-top: 30px;
	width: 815px;
	min-height: 755px;
}
#page-content {
	position: relative;
	margin-left: 9.7%;
	padding-top: 15px;
	width: 580px;
	min-height: 600px;	
	float: left;
}
#page-content ul {
	margin: auto auto 15px 25px;
	list-style-type: disc;
}
#portfolio-content {
	position: relative;
	margin-right: 5px;
	width: 815px;
	height: 645px;
	max-height: 715px;
	overflow: hidden;
}
.portfolio-item {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 645px;
}
#portfolio-content div.info-toggle {
	margin-top: 8px;
	width: 100px;
	font: normal 10px/1.2em verdana;
	text-transform: uppercase;
	cursor: pointer;
}
#portfolio-content div.info-toggle span { color: #d5ff43 }

#portfolio-content div.info-toggle:hover { color: white }

#portfolio-content div.info { position: relative }

#portfolio-content div.imginfo {
	display: none;
	position: absolute;
	top: 60%;
	left: 0px;
	width: 100%;
	height: 40%;
	background: url('../images/seethrough.png') repeat top left;
	overflow: hidden;
}
#portfolio-content div.imginfo p {
	padding: 0px 20px;
	color: white;
}
#portfolio-content div.imginfo h4 { padding: 20px 20px 10px 20px }

#folio-pagination {
	margin-top: 7px;
	font: normal 10px/1.2em verdana;
	text-transform: uppercase;
}
#folio-counter {
	position: absolute;
	bottom: 2px;
	right: 0px;
	font: normal 10px/1.2em verdana;
	text-transform: uppercase;
}
#folio-counter p span { color: #d5ff43 }

#folio-thumbs {
	padding-right: 3px;
	width: 100%;
	height: 180px;
	border-left: 1px solid #52575d;
	border-right: 1px solid #52575d;
}

/* Homepage Slider */
#slide-container {
	position: relative;
	width: 580px;
	min-height: 570px;
	overflow: auto;
}
.featured-img-wrap {
	margin-bottom: 20px;
	width: 580px;
	height: 300px;
	overflow: hidden;
}
div.featured-parag {
	padding-top: 10px;
	width: 580px;
	/*height: 210px;*/
}
div.featured-meta {
	position: absolute;
	top: 340px;
	clear: both;
}
/* --- */

div.page-box {
	padding-top: 10px;
	width: 580px;
	min-height: 530px;
}
div.page-box > div.item:last-child {
	margin-bottom: 60px;
	border-bottom: none;
}
div.page-box img { margin-right: 15px }

.service-img-wrap {
	margin-bottom: 15px;
	width: 580px;
	height: 150px;
	overflow: hidden;
}
div.service-parag {
	margin-bottom: 60px;
	padding-top: 10px;
	width: 580px;
	border-top: 1px solid #52575d;
	
}
.details-butt {
	margin-top: 5px;
	font: normal 10px/1.2em verdana;
	text-transform: uppercase;
}
#meta-pagination {
	display: none;
	position: absolute;
	right: 16px;
	width: 43px;
	font: normal 10px/1.2em verdana;
	text-align: center;
	text-transform: uppercase;
}
#meta-pagination { top: 340px }

span#nextarr, span#prevarr {
	display: none;
	position: absolute;
	width: 15px;
	height: 25px;
	cursor: pointer;
}
span#nextarr, span#prevarr { top: 334px }

span#nextarr {
	right: 0px;
	background: transparent url('../images/next-arr.png') no-repeat center right;
}
span#prevarr {
	right: 60px;
	background: transparent url('../images/prev-arr.png') no-repeat center left;
}
#actions a.up, #actions a.down, a.folio-p, a.folio-n {
	display: block;
	width: 11px;
	height: 9px;
	cursor: pointer;
}
#actions a.up { background: transparent url('../images/up-arr.png') no-repeat center }

#actions a.down { background: transparent url('../images/down-arr.png') no-repeat center }

a.folio-p {
	display: none;
	background: transparent url('../images/prev-arr.png') no-repeat center;
	margin-left: 120px;
}
a.folio-n {
	display: none;
	background: transparent url('../images/next-arr.png') no-repeat center;
	margin-left: 25px;
}
#actions a:hover, a.folio-p:hover, a.folio-n:hover { border: none }

div.item {
	margin-bottom: 10px;
	width: 580px;
	height: 180px;
	border-bottom: 1px solid #52575d;
	overflow: hidden;
}
div.item img.item-img {
	width: 200px;
	height: 130px;
}
div.item-info {
	position: relative;
	height: 160px;
	overflow: hidden;
}
div#item-info {
	height: auto;
}
div.item-info p { padding: 5px 0px }

div.item-info img.mail { margin-left: 20px; margin-top: 2px }

div.item-info span { color: #d5ff43 }

div.mail-tooltip {
	display: none;
	position: fixed;
	padding: 4px;
	height: 11px;
	color: black;
	background-color: #cbcbcb;
	font: normal 10px/1.2em verdana;
	text-align: left;
	text-transform: uppercase;
}
.item-parag {
	width: 100%;
	height: 98px;
	overflow: hidden;
	border-top: 1px solid #52575d;
}
#item-parag { border-top: 1px solid #52575d }

.news-parag {
	width: 100%;
	height: 98px;
	overflow: hidden;
}
#portfolio-content span {
	color: white;
	font-size: 12px;
}
#folio-counter span { font: normal 10px/1.2em verdana }

.thumb-item {
	margin-left: 3px;
	width: 80px;
	height: 60px;
	float: left;
}
.thumb-item img { cursor: pointer }

.close {
	display: none;
	width: 11px;
	height: 16px;
	background: transparent url('../images/close.png') no-repeat center;
	cursor: pointer;
}
.read-more {
	margin-left: 10px;
	font: normal 10px/1.2em verdana;
	text-transform: uppercase
}
.date { font: normal 10px/1.2em verdana }

.news-pagination { margin-top: 1px; }

.news-pagination p { font: normal 10px/1.5em verdana;  }

.news-pagination span { text-transform: uppercase;  }

.has-more:hover .more-arr {
	display: block;
	border-top: 1px solid white;
	background: transparent url('../images/more-arr.png') no-repeat center;
}
.has-more .more-arr {
	height: 7px;
	cursor: pointer;	
}
.has-more a.more-arr {
	border: none;
}
.folio-arrs { margin-top: 25px }

.minus-info {
	display: none;
	margin-right: 3px;
	margin-left: 1px;
}
div.scrollable { 
    position: relative; 
    overflow: hidden;
} 
div.scrollable div.items { 
    position: absolute; 
    height: 20000em; 
}
a.lightbox img:hover  {
	opacity: 0.8;
	cursor: url(../images/ico-enlarge.png), default;
}
#contact-info {
	padding-right: 2%;
	width: 35%;
}
#contact-info p { padding-bottom: 20px }

#contact-info span { color: #d5ff43 }

#contact-form {
	margin-top: 5px;
	padding-left: 2%;
	width: 60%;
}
#contact-form input#name, #contact-form input#email {
	padding: 5px;
	width: 330px;
	height: 15px;
	color: #a2a7af;
	background-color: #2f3337;
	border-top: 1px solid #52575d;
}
#contact-form input#name:hover, #contact-form input#email:hover {
	background-color: #25292c;
}
#contact-form input#send {
	margin-top: 10px;
	width: 100px;
	height: 15px;
	font: normal 11px/1.5em verdana;
	text-align: right;
	color: white;
	text-transform: uppercase;
	background-color: #363b40;
	cursor: pointer;
}
#contact-form input#send:hover {
	color: #a2a7af;
}
#contact-form textarea {
	padding: 5px;
	width: 330px;
	height: 150px;
	font: normal 12px/1.5em verdana;
	color: #a2a7af;
	background-color: #2f3337;
	border-top: 1px solid #52575d;
	border-bottom: 1px solid #52575d;
}
#contact-form textarea:hover { background-color: #25292c }

#additional-info {
	padding-top: 10px;
	/*height: 240px;*/
	overflow: hidden;
	border-top: 1px solid #52575d;
}
#form-message {
	margin-left: 10px;
	width: 260px;
	height: 70px;
	color: #dcca82;
	font: normal 11px/1.5em verdana;
}
#form-message ul {
	margin: 0px;
	list-style: none;
}
#form-message ul li.success { color: white }

.form-loader {
	display: none;
	margin-top: 13px;
}

/* Footer */
#footer {
	margin: 0px auto auto 5%;
	padding-top: 20px;
	padding-bottom: 50px;
	width: 90%;
	font: normal 11px verdana;
}
#footer p.tip {
	display: none;
	margin-right: 20px;
	color: #d5ff43;
}
#footer ul li {
	display: inline;
	margin-right: 3px;
	width: 16px;
	height: 15px;
}
#footer ul li a { border: none }






